﻿<!DOCTYPE html>
<%@page contentType="text/html;charset=UTF-8"%>
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@taglib uri="https://ajax4jsf.dev.java.net/ajax" prefix="a4j"%>

<html >
<f:view>
	<f:loadBundle var="messages" basename="messages"></f:loadBundle>
	<head>
<title><h:outputText value="#{messages['system_title']}" />
</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- styles -->
    <link href="<%=request.getContextPath()%>/css/bootstrap.css" rel="stylesheet">
    <link href="<%=request.getContextPath()%>/css/bootstrap-responsive.css" rel="stylesheet">
    <link href="<%=request.getContextPath()%>/css/custom.css" rel="stylesheet">
    <!--[if lt IE 9]>
      <script src="<%=request.getContextPath()%>/js/html5.js"></script>
    <![endif]-->
    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="<%=request.getContextPath()%>/images/icon/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="<%=request.getContextPath()%>/images/icon/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="<%=request.getContextPath()%>/images/icon/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="<%=request.getContextPath()%>/images/icon/apple-touch-icon-57-precomposed.png">
    <link rel="shortcut icon" href="<%=request.getContextPath()%>/images/icon/favicon.png">
	</head>
	<body style="background-color:#000">
	
	<header id="header">
		<!-- navbar -->
		<div class="navbar navbar-inverse navbar-static-top">
	      <div class="navbar-inner">
	        <div class="container">
	          <a class="brand" href="#"><img src="<%=request.getContextPath()%>/images/logo.png" alt="Online Education" /></a>
	          
	        </div>
	      </div>
	    </div><!--/.navbar -->
	</header> 
	<div class="login">
		<div class="container" >
			<h:form id="formid">
		    <div class="form-signin">
		        <h2 class="form-signin-heading"></h2>
		        <f:verbatim>
		        	 <input type="text" class="input-block-level"  name="userName" placeholder="用户名">
			         <input type="password" class="input-block-level" name="userPassword" placeholder="密码">
		        </f:verbatim>
		        <h:commandButton value="#{messages['login_page_btn_login']}" styleClass="btn btn-primary" action="#{loginAction.submit}" />
				<h:commandButton value="#{messages['login_page_btn_reset']}" styleClass="btn pull-right" type="reset" />
		        <a4j:outputPanel ajaxRendered="true">
					<h:messages layout="table" style="color:red"></h:messages>
				</a4j:outputPanel>
		      </div>
		     </h:form>   
		</div>
	</div>
	<div style="text-align:center;margin-right:auto;margin-left:auto;color:#fdd"><h:outputText value="#{messages['basic_msg']}" /></div>
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!--[if IE 6]>    
  <link href="css/ie6.css" rel="stylesheet">
  <script src="js/ie6.js"></script>
<![endif]-->
<script>
$(function(){
	
})
</script>
	
	</body>
</f:view>
</html>